@CHARSET "UTF-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

html, body{
  	font-family: 'Roboto', sans-serif;
    font-size: 100%;
  	overflow-x: hidden;
  	*cursor: default;
    -webkit-text-size-adjust:none;
    font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
}

body a{
    text-decoration:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	color: #337ab7;
}

a:focus, a:hover{
	text-decoration:none;
}

ul li {
	list-style-type: none;
}


 textarea,input{
    border: none;
}

textarea{
	resize:none;
 }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

 input:focus,
 textarea:focus,
 select:focus,
 button:focus{
  outline: none;
} 

/* 右侧导航 */
.nav-right{
	position:fixed;
	top: 16em;
	right:0;
    z-index:9999;
}

.nav-right ul li{
	 cursor: pointer;
    margin-bottom: 10px;
    transition: all .7s ease;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    width: 15px;
    height: 15px;
    background:#ddd;
    margin:15px;
}

.right-active{
	background:#244a84 !important;
}


/*左侧 导航栏*/

.main-left{
	position:fixed;
	top: 6em;
    left: 0;
    z-index:9999;
}

 .navigation-icon>ul> .selected {
    display: block;
	border-radius: 0.33333333em;
	position: relative;
	overflow: hidden;
	z-index: 1;
    background: rgba(238, 238, 238, 0.5);
} 

.navigation-icon>ul>li {
	width: 5em;
	height: 5em;
	text-align: center;
	cursor:pointer;
}

.navigation-icon>ul>li>a>img {
	width: 60px;
	height: 60px;
	margin:10px 0;
}

.navigation-icon>ul>li:hover {
	display: block;
	border-radius: 0.33333333em;
	position: relative;
	overflow: hidden;
	z-index: 1;
    background: rgba(238, 238, 238, 0.5);
}

/* 左侧导航_end */

/*上部导航*/

 .navigation-maintop{
	position:fixed;
    top:0px;
    z-index: 1;
    height: 50px;
    left:30%;
    min-width:40%;
    border-radius: 2px 2px 2px 2px; 
    -webkit-box-shadow: 0 0px 15px rgba(36, 74, 132, 0.9); 
    box-shadow: 0 0px 15px rgba(36, 74, 132, 0.9); 
    background:#fff;
    
} 

.navigation-maintop ul > li:hover{
   background: rgba(238, 238, 238, 0.5);
}

.navigation-maintop ul li.selected a{
	color:#244a84;
	font-weight:bold;
}

.navigation-maintop ul > li{
	float: left;
    text-align: center;
    min-height:50px;
    padding: 0 10px; 
}

.navigation-maintop ul > li > a {
    color: #333;
    text-decoration:none;
    font-size:16px;
    line-height: 50px;
}

/*上部导航end*/



/*上部二级导航subtop*/

.navigation-subtop ul{
 /*  height:80px; */
  list-style: none;
  margin:5px 0px;
}

.navigation-subtop ul > li{
	border-radius: 4px;
	float: left;
    text-align: center;
    min-height:30px;
}

.navigation-subtop ul > li > a {
	padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 30px;
    color: #333;
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 16px;
}

.navigation-subtop ul li.selected{
	font-weight: bold;
	background:#2a589d;
}

.navigation-subtop ul li.selected a{
	color: white;
}

.sub_center{
	margin-top:60px;
}

/* 上部导航_end */


/*按钮  */
.btn-sm {
	background:#244a84;
	color:#fff;
	padding:8px;
}

.btn-submint{
	background: #244a84;
    color: #fff;
    padding: 8px 41px;
    font-size: 12px;
}

.btn-sm:hover,.btn-submint:hover{
	background:#2a589d;
	
}

/*  按钮end*/

/*右侧快捷导航  */

.user-header{
	  width: 200px;
	  height: 50px;
	  position:fixed;
	  top:0;
	  right:0;
	  font-size: 24px;
	  z-index:1000;
}

.navbar-top{
    float: left;
    height: 40px;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 20px;
    background:#244a84;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    margin-right:2px;
    -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:2px 2px 2px -1px rgba(20%,20%,40%,0.5);
	
}

.cl-font{
	color:#fff;
	font-size:18px;
}

.no-font{
	color:#2a589d;
	font-size:18px;
	margin:10px;
}

.la-font{
	font-size:60px;
	color:#2a589d;
}

.navbar-top:hover{
	background:#2a589d;
}

@keyframes blink{
  0%{opacity: 1;}
  50%{opacity: 1;}
  50.01%{opacity: 0;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

/* 添加兼容性前缀 */

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* 定义blink类*/
.blink{
    animation: blink .75s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    color: #ffff00;
}


/*  右侧快捷导航end*/

/* 表单距离基本样式*/

.span_2{
	text-align:left;
}

.span_3{
	text-align:right;
}

.padding_1{
	padding:1em 0;
}

.padding_2{
	padding:0 1em;
}

.mr-l{
	margin:10px;
}

/* 主要标识实施期目标的来源,是默认还是自定义 */
.sourceFlagRed{
	color: red;
}
/* 表单距离基本样式end */

/*表格 */

.warp{
	min-height:580px;
}

.container{
	margin-top:60px;
	margin-bottom:40px;
	
}

.table-declare{
	border-collapse: collapse;
}

.table-declare td{
	padding:0.5em 0;
	
}

.table-title{
	color:#000;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.table-declare input{
	text-indent:2em;
}

.table-title input{
	text-indent:0.8em;
}

.fill-1{
    min-width: 800px;
    width: 800px;
    height: 25px;
    overflow: visible;
}

.fill-2{
    width: 200px;
    height: 25px;
    overflow: visible;
}

.fill-6{
	width: 190px;
    height: 25px;
    overflow: visible;
}


.fill-3{
	width: 400px;
    height: 25px;
    overflow: visible;
}

.fill-3-1{
	width: 200px;
    height: 25px;
    overflow: visible;
}

.fill-4-1{
	width:150px;
	height: 25px;
    overflow: visible;
}




.fill-4{
	width:160px;
	height: 25px;
    overflow: visible;
}

.fill-5{
	width:340px;
	height: 25px;
    overflow: visible;
}

.lr-4{
    text-align: right;
    display: inline-block;
    width: 115px;
    vertical-align: top;
    font-weight: normal;
    margin-top: 2px;
}

.lr-w{
    width: 60px;
}

.filled{
	text-align: left;
    /* text-indent: 1em; */
}

/*表格end */


/*弹出框设置  */

.target-list li{
	border-top:1px solid #eee;
	margin:5px 0;
	
}

.target-list li:first-child{
	border-top:0px;
}

.target-attribute{
      padding-left: 5.5em;
}

.span-add{
	width:60px;
}

.input-top{
	width:60px;
}

.big-font{
	font-size:18px !important;
}

.year-wrap{
	width:85%;
	margin:0 auto;
} 

.year-wrap{
	width:90%;
	margin:0 auto;
} 

.small-box{
	width:50%;
	margin:0 auto;
	
}

.top-border{
	border-top:1px solid #eee;
}

.number-value{
    width:60%;  
    float:left;  
}

.number-value2{
    width:37%;   
    float:right; 
}

.value-box{
	min-height:40px;
}

.alert-warning{
	position:fixed;
	top:50%;
	left:50%;
	width: 400px;
    height: 200px;
    margin-left: -200px;
    margin-top: -150px;
    z-index:9999;
}



/*audit*/

.audit-table td, 
.audit-table th,
.audit-table th {
    padding:5px 0;
    text-align:center;
	
}

.audit-table td p{
	padding-left: 2em;
}


.evaluate{
    width: 50%;
    margin: 0 auto;
	
}
.evaluate li {
	width:25%;
	float:left;
}
.evaluate .selected a{
	font-weight:bolder;
	color:red;
}

.audit-but{
	margin:0 30px;
}

/*弹出框设置end*/


/*  地图页面*/

.tab-group {
	  position: relative;
	  margin-top: 0.5em;
}
		
.tab-group section {
	  opacity: 0;
	  height: 0;
	  padding: 0 1em;
	  overflow: hidden;
	  transition: opacity 0.4s ease, height 0.4s ease;
}

.tab-group section.active {
	  opacity: 1;
	  height: auto;
	  overflow: visible;
}

.tab-nav {
	  list-style: none;
	  margin: -2.5em -1px 0 0;
	  padding: 0;
	  height: 2.5em;
	  overflow: hidden;
}
		.tab-nav li {
		  display: inline;
		}
		.tab-nav li a {
		  top: 1px;
		  position: relative;
		  display: block;
		  float: left;
		  border-radius: 10px 10px 0 0;
		  background: #eee;
		  line-height: 2em;
		  padding: 0 1em;
		  text-decoration: none;
		  color: grey;
		  margin-top: .5em;
		  margin-right: 1px;
		  transition: background .2s ease, line-height .2s ease, margin .2s ease;
		}
		.tab-nav li.active a {
		  background: #244a84;
		  color: white;
		  line-height: 2.5em;
		  margin-top: 0;
		}

/*年度指标样式*/
.aunnal-target-list {
	text-align: left;
    margin-left: 30px;
}


/*  html {
	overflow: hidden;
} */

 body {
	width: 100%;
	*cursor: default;
	overflow: hidden;
	font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft
		JhengHei, Arial;
}
 
#pageContain {
	overflow: hidden;
}

.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
}

.current .contain, .slide .contain {
	display: block;
}

.current {
	display: block;
	z-index: 1;
}

.slide {
	display: block;
	z-index: 2;
}

.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}

#navBar {
	z-index: 3;
	position: absolute;
	top: 30%;
	right: 3%;
}

#navBar .active {
	background: #244a84;
	color:#fff;
}

#navBar li {
	cursor: pointer;
	margin-bottom: 10px;
	transition: all .7s ease;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	width: 20px;
	height: 20px;
	background:#ddd;
}
 
.txt {
	margin-top: 20%;
	font-size: 50px;
	color: #fff;
	text-align: center;
}

 


/*年度指标样式  */
/*视口调节*/
@media screen and (min-width: 1400px) {
	.map-chart {
		margin-top:4em;
	}
}

/*时间倒计时样式*/
.colockbox{
	width:240px;
	height:32px;
	margin:20px auto;
	background:url(../../images/time.png) no-repeat;
	}

.colockbox span{
	background:#244a84;
	border-radius:5px;
	float:left;
	display:block;
	width:30px;
	line-height:30px;
	font-size:16px;
	text-align:center;
	color:#fff;
	margin:0 29px 0 0;
	}

.colockbox span.second{
	margin:0;
	}


/* homepage */
#stateList li {
	float: left;
	margin: 0 5px;
}

#stateList .box-width-height {
	width: 20px;
	height: 15px;
	float: left;
	border-radius:5px;
	
}

.text{
    float: right;
    line-height: 15px;
}

#stateList .color-5 {
	background: #C1232B;
}

#stateList .color-4 {
	background: #B5C334;
}

#stateList .color-0 {
	background: #FCCE10;
}

#stateList .color-1 {
	background: #E87C25;
}

#stateList .color-2 {
	background: #27727B;
}

#stateList .color-3 {
	background: #FE8463;
}

/*空白页面提示样式*/
.gray_tips{
    width: 100%;
    margin-top: 150px;
    font-size: 55px;
    text-align: center;
    color: #d4cfcf;
}
